<template>
	<view>
		<swiper class="carousel" :style="{height: height}">
			<swiper-item v-for="(item, index) in list" :key="index" class="carouselItem">
				<image :src="item.pic"  class="carouselItemImg" :style="{height: height}"  />
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		props: ['list', 'height']
	}
</script>


<style>
	.carousel {
		/* #ifdef H5 || MP-WEIXIN */
		width: 100%;
		/* #endif */
		/* #ifdef APP-PLUS */
		width: 750rpx;
		/* #endif */
	}

	.carouselItem {
		/* #ifdef H5 || MP-WEIXIN */
		width: 100%;
		/* #endif */
		/* #ifdef APP-PLUS */
		width: 750rpx;
		/* #endif */
	}

	.carouselItemImg {
		/* #ifdef H5 || MP-WEIXIN */
		width: 100%;
		/* #endif */
		/* #ifdef APP-PLUS */
		width: 750rpx;
		/* #endif */
	}
</style>
